$(document).ready(function() {
	renderDataTable();



	$("#btn-search").click(function() {
		var vaStartDate = $("#datetimepicker1").val();
		var vaEndDate = $("#datetimepicker2").val();
		var userName = $("#userName").val();
		
		$('#errorDataTable').DataTable().column(0).search(vaStartDate);
		$('#errorDataTable').DataTable().column(1).search(vaEndDate);
		$('#errorDataTable').DataTable().column(2).search(userName);
		$('#errorDataTable').DataTable().draw();
	});

});

// function load data

function renderDataTable() {

	$('#errorDataTable').DataTable({
		"oLanguage" : {
			"oPaginate" : {
				"sFirst" : "หน้าแรก",// ปุ่มกลับมาหน้าแรก
				"sLast" : "หนัาสุดท้าย",// ปุ่มไปหน้าสุดท้าย
				"sNext" : "ถัดไป", // ปุ่มหน้าถัดไป
				"sPrevious" : "ก่อนหน้า" // ปุ่ม กลับ
			},
			"sLengthMenu" : "แสดง _MENU_ รายการ ต่อหน้า",
			"sZeroRecords" : "ไม่พบข้อมูลที่ค้นหา",
			"sInfo" : "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
			"sEmptyTable" : "ไม่พบรายการข้อมูล",
			"sLoadingRecords" : "ระบบกำลังประมวลผล กรุณารอซักครู่",
			"sProcessing" : "ประมวลผลข้อมูล",
			"sInfoEmpty" : "ไม่พบรายการข้อมูลที่แสดง",
			"sInfoFiltered" : "",
			"sSearch" : "ค้นหา :"
		},
		searching : true,
		"aoColumns" : [ {
			"sTitle" : "ลำดับ",
			sClass : "alignCenter",
			// sWidth : '10%',
			"bSortable" : false,
		}, {
			"sTitle" : "วัน-เวลา ที่ผิดพลาด",
			sClass : "alignCenter",
		// sWidth : '10%'
		}, {
			"sTitle" : "ชื่อคลาส",
			sClass : "alignCenter",
		// sWidth : '10%'
		}, {
			"sTitle" : "รายละเอียด",
			sClass : "rightCenter",
		// sWidth : '10%'
		}, {
			"sTitle" : "ชื่อผู้ใช้",
			sClass : "alignCenter",
		// sWidth : '10%'
		}, {
			"sTitle" : "URL Address",
			sClass : "rightCenter",
		// sWidth : '10%'
		}, {
			"sTitle" : "Browser",
			sClass : "rightCenter",
		// sWidth : '10%'
		}, ],
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange" : true, // แสดงจำนวน record
		"iDisplayLength" : 10, // กำหนดค่า default ของจำนวน
		"bScrollCollapse" : true,
		"aLengthMenu" : [ [ 10, 25, 50, 100, -1 ], // จำนวนที่แสดงในตาราง
		[ 10, 25, 50, 100, "ทั้งหมด" ] // จำนวนที่ให้เลือก
		],
		"bProcessing" : true, 
		"bServerSide" : true,
		"sDom" : 'Rlfrtip',
		"sAjaxSource" : "CS87000Srvl?process_type=getDataTable",
		
	});
	


	
	
	
}
